﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>@ViewBag.WebTitle</title>
    <script src="/js/rem.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/loaders.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/loading.css" />
    <link href="~/iconfont/demo.css" rel="stylesheet" />
    <link href="~/js/layui/css/layui.css" rel="stylesheet" />
    <script src="~/js/layui/layui.js"></script>
    <script src="~/iconfont/iconfont.js"></script>
    <link href="/iconfont/iconfont.css" rel="stylesheet">
    <link href="/css/all.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/css/base.css" />
    <script src="~/iconfont/iconfont.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/style.css" />
    <link href="/css/mui.min.css" rel="stylesheet" />
    <style>
        .layui-hu {
            margin-left:.4rem;
        }
    </style>
    @RenderSection("Header")
</head>
<body style="max-width:800px;margin-left:auto;margin-right:auto;">
<div class="loading">
    <div class="loader">
        <div class="loader-inner pacman">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
@RenderBody()
<nav class="mui-bar mui-bar-tab page-footer fixed-footer">
    <a class="mui-tab-item mui-active" id="home">
        <span class="mui-icon mui-icon-home"></span>
        <span class="mui-tab-label">首页</span>
    </a>
    <a class="mui-tab-item" id="video">
        <span class="mui-icon iconfont icon-shipin"></span>
        <span class="mui-tab-label">视频</span>
    </a>
    <a class="mui-tab-item" id="self">
        <span class="mui-icon iconfont icon-gerenzhongxin">
        </span>
        <span class="mui-tab-label">个人中心</span>
    </a>
</nav>
</body>
</html>
<script src="~/js/mui.min.js"></script>
<script src="~/js/jquery.min.js"></script>
<script src="/js/fastclick.js"></script>
<script type="text/javascript" src="/js/hmt.js"></script>
<!--插件-->
<link rel="stylesheet" href="/js/swiper/swiper.min.css">
<script src="/js/swiper/swiper.jquery.min.js"></script>
<!--插件-->
<script src="/js/global.js"></script>
<script>
    mui.init();
    $(window).load(function () {
        $(".loading").addClass("loader-chanage")
        $(".loading").fadeOut(300);
    })
    var selfobj = document.getElementById('self');
    var home = document.getElementById('home');
    //var home = document.getElementById('home');
    selfobj.addEventListener("tap", function (event) {
        //alert(event.target);
        //$(selfobj).siblings().removeClass("active");
        //$(selfobj).find("img").attr("")
        //$(selfobj).addClass("active");
        mui.openWindow({
            url: '/Web/self/index',
            id: 'self'
        });
    });
    home.addEventListener("tap", function (event) {
        //alert(event.target);
        mui.openWindow({
            url: '/Web/home/index',
            id: 'home'
        });
    });
   /* sehomelfobj.addEventListener("tap", function (event) {
        //alert(event.target);
        mui.openWindow({
            url: './home/index',
            id: 'self'
        });
    });*/
    //$("#footer ul li")

    //    $(this).siblings().removeClass("active");
    //    $(this).addClass("active");
    
</script>
@RenderSection("Scripts")
